<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
  <button id="btnGET">发起GET请求</button>  
  <button id="btnPOST">发起POST请求</button>  
<script>
   document.querySelector('#btnGET'),addEventListener('click',async function(){
    /*
    axios.get('url地址'，{
        //get参数
        params:{}
    })
    */ 
   const {data: res}=await axios.get('http://www.liulongbin.top:3006/api/getbooks',{
    params:{id:1}
   })
   console.log(res);
   })


   document.querySelector('#btnPOST'),addEventListener('click',async function(){
     //axios.post('url',{/*post请求数据*/})
   const {data: res}=await axios.post('http://www.liulongbin.top:3006/api/post',{
    name:'xiaoxi',
    gender:'女'
   })
   console.log(res);
   })
</script>
</body>
</html> 